.custom-dropdown{background-color:#f0f4f8;border:1px solid #d1d5db;border-radius:4px;padding:8px;font-family:Arial,sans-serif;font-size:14px;color:#1d4ed8;cursor:pointer}.custom-dropdown-menu{display:none;background-color:#f0f4f8;position:absolute !important;border:1px solid #d1d5db;border-radius:4px;width:50%;overflow:auto;z-index:1}.custom-dropdown-menu .custom-option{padding:8px;cursor:pointer}.custom-dropdown-menu .custom-option:hover{background-color:#f1f7ffb3;border-radius:5px}.custome-option{padding-left:15px}.repeater{display:flex;flex-direction:column;width:100%;flex-shrink:0;overflow:hidden;position:relative}.payroll-custom-card{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:None;border-radius:5px;flex-direction:column;border-color:#f2f7ff;border-width:1px;border-style:solid;overflow-x:hidden;overflow-y:hidden}.payroll-inner-card{display:flex;flex-direction:column;flex-shrink:0;height:fit-content;width:100%;overflow:hidden;justify-content:space-between;align-items:flex-start;padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:8px}.payroll-id-statusContainer{display:flex;flex-direction:row;flex-shrink:0;height:fit-content;width:100%;overflow:hidden;gap:8px;justify-content:space-between;align-items:center}.payroll-doctype-namediv{width:auto;color:#000;font-size:12px;font-family:Verdana;line-height:150%;font-weight:400}.status-section{display:flex;gap:5px;align-items:center}.svg-div{width:8px;display:flex;justify-content:center;align-items:center;height:100%}.pending-div{color:#e88f00;font-size:11px;font-family:Verdana;text-transform:capitalize;font-weight:400}.employee-name-container{display:flex;flex-direction:row;flex-shrink:0;height:fit-content;width:100%;overflow:hidden;justify-content:space-between;align-items:center;gap:8px}.employee-name-div{color:#000;font-size:12px;font-family:Verdana;line-height:normal;font-weight:700;display:flex}.payroll-date{display:flex;flex-direction:row;flex-shrink:0;height:fit-content;width:fit-content;overflow:hidden;gap:3px}.payroll-date-text{color:#737373;font-size:12px;font-family:Verdana;line-height:24px;font-weight:400}.date-div{display:flex;color:#000;font-size:12px;font-family:Verdana;line-height:24px;font-weight:400;text-align:left;flex-shrink:0;flex-grow:0;flex-wrap:wrap}.status-view-Container{display:flex;gap:8px;align-items:center;background:rgba(0,63,136,0.05000000074505806);padding:8px 10px;align-self:stretch;width:100%;height:fit-content;justify-content:space-between;padding-bottom:5px;padding-top:5px}.status{color:#0056b8;font-size:12px;font-family:Verdana;line-height:normal;font-weight:400}.view-div{display:flex;flex-direction:row;flex-shrink:0;height:fit-content;width:fit-content;overflow:hidden;gap:10px;cursor:pointer}.view-section{display:flex;gap:10px;align-items:center;padding:2px 2px 3px 2px;justify-content:center;background:#e8eef4;padding-right:15px;padding-left:15px;border-radius:4px;border-color:#dae1e8;border-width:1px;border-style:solid}.view-section-div{color:#6d6e75;font-size:10px;font-family:Verdana;letter-spacing:.1px;line-height:110%;text-align:center;font-weight:400}